{% extends "management/base.html" %}

{% block title %}图书管理{% endblock %}

{% block content %}

<!-- 主体内容：居中 + 垂直留白 -->
<div class="container my-5">
    <div class="row justify-content-center">
        <div class="col-lg-8 col-md-10">

            <!-- 主卡片 -->
            <div class="p-5 bg-white border rounded shadow-sm text-center">
                <h1 class="mb-3 fw-bold">📚 图书管理系统</h1>
                <p class="lead text-muted mb-4">
                    一个简洁高效的图书管理平台，助你轻松管理书籍信息。
                </p>

                <!-- 操作按钮组 -->
                <div class="d-flex flex-wrap justify-content-center gap-3 mb-4">
                    <a href="{% url 'login' %}" class="btn btn-outline-primary btn-lg px-4">
                        登录
                    </a>
                    <a href="{% url 'sign_up' %}" class="btn btn-primary btn-lg px-4">
                        注册
                    </a>
                </div>

                <!-- 联系信息 -->
                <div class="border-top pt-4 mt-4 text-secondary">
                    <p class="mb-1">
                        <strong>📬 联系邮箱：</strong>
                        <a href="mailto:ychen_gushi@outlook.com"
                           class="text-decoration-underline text-primary">
                            ychen_gushi@outlook.com
                        </a>
                    </p>
                    <small class="text-muted">如有问题，欢迎邮件咨询</small>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}